import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
import { ElCarousel, ElCarouselItem, ElInput, ElCheckbox, ElButton, ElSelect, ElOption, ElDialog, ElForm, ElFormItem, ElMessage, ElNotification, ElTable, ElTableColumn, ElInputNumber } from 'element-plus'
import 'element-plus/dist/index.css'
import './assets/css/base.css'
import "./assets/css/iconfont.css"
import './assets/css/style.css'
import './api/mock'
import axios from 'axios'
import store from './store/index'

const app =createApp(App)

app.config.globalProperties.$http = axios
app.config.globalProperties.$message = ElMessage
app.config.globalProperties.$elnotification = ElNotification 

//使用路由
app.use(router)

//使用store
app.use(store)

//使用elementUI
app.use(ElCarousel)
app.use(ElCarouselItem)
app.use(ElInput)
app.use(ElCheckbox)
app.use(ElButton)
app.use(ElSelect)
app.use(ElOption)
app.use(ElDialog)
app.use(ElForm)
app.use(ElFormItem)
app.use(ElTable)
app.use(ElTableColumn)
app.use(ElInputNumber)


app.mount('#app')


